<template>
    <div class="banner">
        <div class="index-banner">
            <div class="row">
                <div class="banner-lg">
                    <router-link to="/seller">
                        <img src="https://openfile.meizu.com/group1/M00/06/D4/Cgbj0VvRLw2ARZHpAADy-0rw2qQ300.jpg" alt="">
                    </router-link>
                </div>
            </div>
            <div class="row">
                <div class="banner-lg">
                    <router-link to="/seller">
                        <img src="https://openfile.meizu.com/group1/M00/06/A1/Cgbj0VuiDiaAdvQiAABVuQ2IAhk237.jpg" alt="">
                    </router-link>
                </div>
                <div class="banner-lg">
                    <router-link to="/seller">
                        <img src="https://fms.res.meizu.com/dms/2018/09/28/e981240f-523c-4f1d-926a-9458f208fa5c.jpg" alt="">
                    </router-link>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: 'Banner'
}
</script>
<style lang="stylus" scoped>
    .banner
        .index-banner
           display: flex
           flex-wrap: wrap
           .row
               display: flex
               flex-wrap: wrap
               width: 50%
               &:before,&:after
                   content: ""
                   display: table
                &:nth-child(1)
                    .banner-lg
                        height: 5.2rem
                        a
                            display: block
                            img
                                width: 100%
                &:nth-child(2)
                    .banner-lg
                        height: 2.6rem
                        a
                            display: block
                            img
                                width: 100%

</style>



